<template>
  <el-input
    v-model="keyword"
    prefix-icon="el-icon-search"
    placeholder="输入员工姓名全员搜索"
    size="mini"
    type="text"
    @input="changeValue"
  />
</template>

<script>
export default {
  data() {
    return {
      keyword: ''
    }
  },
  methods: {
    changeValue() {
      // 单位时间内只执行最后一次
      // this的实例上赋值了一个timer的属性
      clearTimeout(this.timer) // 清理上一次的定时器
      this.timer = setTimeout(() => {
        this.$emit('searchValue', this.keyword)
      }, 300)
    }
  }
}
</script>

<style>

</style>
